<!--
 * @Author:lmq
 * @Date: 2019-01-10 11:54:33
 * @LastEditTime: 2019-01-28 11:12:13
 -->

<template>
  <view>
    <view class="search-box">
      <input placeholder="搜索你的好友" class="search-input" @input='bindSarchInput' placeholder-class='search-input-placeholder' />
    </view>
    <view class="grace-list">
      <navigator url="../friends/newFriend" class='items'>
        <view class="icons">
          <image src="../../../static/images/friendpagemq/newfd.png" mode="widthFix"></image>
        </view>
        <view class="title">新的朋友<text></text></view>
      </navigator>
      <view class='items'>
        <view class="icons">
          <image src="../../../static/images/friendpagemq/wechart.png" mode="widthFix"></image>
        </view>
        <view class="title">群聊<text></text></view>
      </view>
      <view class='items'>
        <view class="icons">
          <image src="../../../static/images/friendpagemq/lifecircle.png" mode="widthFix"></image>
        </view>
        <view class="title">生活圈<text></text></view>
        <!-- <view class="arrow-right"></view> -->
      </view>
    </view>
    <!-- <view class="currentCityTitle">当前 ： {{currentCity}}</view> -->
    <view class='a-z'>
      <view id="mrak" class="mrak" v-for="(item, index) in cityAZ" :key="index">

        <view :data-id="item.cityName" @tap='bindAZ'>{{item.cityName}}1</view>
      </view>
    </view>
    <!-- <view class='city-item-content'> -->
    <!-- <view v-for="(item, index) in cityResults" :key="index">
				<view v-if="item.cityPinYin.length > 1" class="city-item" :data-cityname="item.cityName" @tap='citySelected'>
            <image src="../../../static/images/friendpagemq/newfd.png" style="width: 10px; height: 10px; background-color: #eeeeee;" ></image>
         {{item.cityName}}</view>
				<view v-else class="city-item-A-Z" :data-cityname="item.cityName">{{item.cityName}}</view>
			</view> -->

    <!-- <view class="grace-list" v-for="(item, index) in cityResults" :key="index">
				  <view class='items'>
						<view class="icons"><image src="../../../static/images/friendpagemq/mp.png" style="width: 10px; height: 10px; " mode="widthFix"></image>{{item.cityName}}
						</view>
				</view>
		  </view> -->
    <navigator class="grace-header" :url="url" :open-type='openType' v-for="(item, index) in cityResults" :key="index">
      <view class="logo" v-if="item.cityPinYin.length > 1">
        <image src="../../../static/images/friendpagemq/mp.png" style="width: 25px; height: 25px;" mode="widthFix"></image>
      </view>
      <view class="content city-item" :data-cityname="item.cityName" @tap='citySelected'>
        <view v-if="item.cityPinYin.length > 1" class="title grace-blod"> {{item.cityName}}</view>
        <view v-if="item.cityPinYin.length > 1" class="desc"><text class="tel">{{item.cityName}}</text></view>
        <view v-else class="city-item-A-Z" :data-cityname="item.cityName">{{item.cityName}}</view>
      </view>
    </navigator>

    <!-- </view> -->
  </view>
</template>

<script>
</script>
<style>
  /*
	 *自己修改的样式	
	
	 */

  .grace-list {
    margin-top: 100upx;
  }

  .grace-header {
    color: #fff;
    width: 92%;
    padding: 5px 4%;
    height: 90upx;
    background: #fff;
    display: flex;
    flex-wrap: nowrap;
    position: relative;
    border-bottom: 1px solid #E9E9E9;
  }

  .grace-header .logo {
    width: 60px;
    height: 60upx;
    margin: 5px 0;
    flex-shrink: 0;
  }

  .grace-header .logo image {
    width: 60px;
    height: 60upx;
    border-radius: 5px;
  }

  .grace-header .content {
    width: 100%;
    margin: 10px;
    /* margin-right: 20px; */
    height: 60upx;
  }

  .grace-header .content .title {
    font-size: 18px;
    line-height: 22upx;
    color: #000;
    position: relative;
    left: -50px;

  }

  .grace-header .content .desc {
    line-height: 2em;
    color: #7F7F7F;
    margin-top: 3px;
    font-size: 13px;
    position: relative;
    left: -50px;
  }

  .grace-header .icon-right {
    width: 30px;
    height: 100%;
    line-height: 100%;
    font-family: "grace-iconfont" !important;
    font-style: normal;
    position: absolute;
    /* z-index: 1; */
    top: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
  }

  .grace-header .icon-right:before {
    content: "\e601";
    color: #B2B2B2;
  }

  .grace-blod {
    font-weight: normal;
  }

  .tel {
    display: inline-block;
    /* background: #0084CA; */
    border-radius: 10px;
    width: 200upx;
    height: 36upx;
    line-height: 36upx;
    padding-left: 15upx;
    color: #949393;
  }

  .icon-right {
    margin-right: 6upx;
  }

  /* 自己修改的样式结束 */
  .currentCityTitle {
    width: 95%;
    height: 90upx;
    line-height: 90upx;
    font-size: 30upx;
    padding-left: 5%;
    background-color: #fff;
    margin-top: 110upx;
    font-weight: 700;
  }

  .currentCity {
    width: 90%;
    height: 90upx;
    line-height: 90upx;
    font-size: 30upx;
    padding-left: 5%;
    background-color: #fff;
  }

  .a-z {
    width: 30upx;
    position: fixed;
    top: 130upx;
    text-align: center;
    right: 5upx;
    color: #3F51B5;
  }

  .a-z view {
    font-size: 26upx;
  }

  .city-item-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: #fff;
  }

  .city-item {
    background: #fff;
    width: 90%;
    padding-left: 5%;
    height: 90upx;
    font-size: 30upx;
    line-height: 100upx;
    /* border-bottom: 1upx solid #d1d1d1; */
  }

  .city-item-A-Z {
    width: 95%;
    height: 60upx;
    line-height: 60upx;
    font-size: 30upx;
    padding-left: 5%;
    background-color: #f6f6f6;
    color: #999;

  }

  .search-box {

    top: 0;
    position: fixed;
    width: 100%;
    background: #eee;
    height: 110upx;
    font-size: 30upx;
    border-bottom: 1upx solid #d1d1d1;
    z-index: 999;
  }

  .search-input {
    height: 70upx;
    line-height: 60upx;
    width: 80%;
    margin-left: 7.5%;
    border-radius: 20upx;
    background: #fff;
    margin-top: 20upx;
    padding-left: 5%;
    font-size: 26upx;
  }

  .search-input-placeholder {
    text-align: center;
  }

  /* #mrak,.mrak {
    color: red;
    z-index: 99999 !important;
	} */
  .a-z {
    z-index: 99999 !important;
  }
</style>
<script>
  var pixelRatio = 1;
  export default {
    onNavigationBarButtonTap() {
      console.log("点击了自定义按钮");
    },
    onLoad: function () {
      if (this.cityResults == null) {
        this.cityResults = this.citys;
      }
      var winInfo = wx.getSystemInfo({
        success: function (res) { pixelRatio = 750 / res.windowWidth; }
      });
    },
    onPageScroll: function (e) {
      this.scrollNow = e.scrollTop;
      // {"scrollTop":189}
      // console.log("e:" + JSON.stringify(e));


    },
    methods: {
      bindAZ: function (e) {
        var currentCityName = e.currentTarget.dataset.id
        var that = this;
        if (that.scrollAZ == null) {
          uni.createSelectorQuery().selectAll('.city-item-A-Z').fields({
            dataset: true,
            size: true,
            rect: true
          }, function (res) {
            res.forEach(function (re) {
              if (currentCityName == re.dataset.cityname) {
                uni.pageScrollTo({
                  scrollTop: re.top + that.scrollNow - 100 / pixelRatio,
                  duration: 0
                })
              }
            })
          }).exec();
        } else {
          that.scrollAZ.forEach(function (re) {
            if (currentCityName == re.dataset.cityname) {
              uni.pageScrollTo({
                scrollTop: re.top + that.scrollNow - 100 / pixelRatio,
                duration: 0
              })
            }
          })
        }
      },
      citySelected: function (e) {
        // console.log(JSON.stringify(e));
        // console.log(JSON.stringify(e.currentTarget.dataset.cityname));

        var cityNameTemp = e.currentTarget.dataset.cityname;
        console.log(cityNameTemp);
        this.currentCity = cityNameTemp;
        uni.showToast({ title: cityNameTemp, icon: 'none' });
      },
      bindSarchInput: function (e) {
        uni.pageScrollTo({
          scrollTop: 0,
          duration: 0
        });
        var inputVal = e.detail.value;
        var cityResultsTemp = new Array()
        var citys = this.citys;
        if (inputVal == null || inputVal.trim() == '') {
          this.cityResults = citys;
          return;
        }
        for (var i = 0; i < citys.length; i++) {
          if (citys[i].cityName.indexOf(inputVal) == 0 || citys[i].cityPY.indexOf(inputVal.toLowerCase()) == 0 || citys[i].cityPinYin.indexOf(inputVal.toLowerCase()) == 0) {
            //去除热门城市
            if (citys[i].cityPY.indexOf("#") != -1) {
              continue;
            }
            var ifHas = false;

            for (var j = 0; j < cityResultsTemp.length; j++) {
              if (cityResultsTemp[j] == citys[i]) {
                ifHas = true;
                break;
              }
            }
            if (!ifHas) {
              cityResultsTemp.push(citys[i]);
            }
          }
        }
        this.cityResults = cityResultsTemp;

      }
    },
    data: {
      currentCity: "北京市",
      scrollAZ: null,
      scrollNow: 0,
      cityResults: null,
      cityAZ: [
      {
        cityName: 'A'
      }, {
        cityName: 'B'
      }, {
        cityName: 'C'
      }, {
        cityName: 'D'
      }, {
        cityName: 'E'
      }, {
        cityName: 'F'
      }, {
        cityName: 'G'
      }, {
        cityName: 'H'
      }, {
        cityName: 'J'
      }, {
        cityName: 'K'
      }, {
        cityName: 'L'
      }, {
        cityName: 'M'
      }, {
        cityName: 'N'
      }, {
        cityName: 'P'
      }, {
        cityName: 'Q'
      }, {
        cityName: 'R'
      }, {
        cityName: 'S'
      }, {
        cityName: 'T'
      }, {
        cityName: 'W'
      }, {
        cityName: 'X'
      }, {
        cityName: 'Y'
      }, {
        cityName: 'Z'
      }, ],
      citys: [
        {
          cityName: 'A',
          cityPinYin: 'a',
          cityPY: 'a'
        },
        {
          cityName: '阿克苏',
          cityPinYin: 'akesu',
          cityPY: 'aks'
        }, {
          cityName: 'B',
          cityPinYin: 'b',
          cityPY: 'b'
        },  {
          cityName: '北戴河',
          cityPinYin: 'beidaihe',
          cityPY: 'bdh'
        }, {
          cityName: '北海',
          cityPinYin: 'beihai',
          cityPY: 'bh'
        }, 
        {
          cityName: 'C',
          cityPinYin: 'c',
          cityPY: 'c'
        },
        {
          cityName: '测试13',
          cityPinYin: 'ceshi',
          cityPY: 'cs'
        },
        {
          cityName: '苍南',
          cityPinYin: 'cangnan',
          cityPY: 'cn'
        }, {
          cityName: '沧州',
          cityPinYin: 'cangzhou',
          cityPY: 'cz'
        }, {
          cityName: '常德',
          cityPinYin: 'changde',
          cityPY: 'cd'
        }, {
          cityName: '常州',
          cityPinYin: 'changzhou',
          cityPY: 'cz'
        }, {
          cityName: '巢湖',
          cityPinYin: 'chaohu',
          cityPY: 'ch'
        }, {
          cityName: '潮州',
          cityPinYin: 'chaozhou',
          cityPY: 'cz'
        }, {
          cityName: '承德',
          cityPinYin: 'chengde',
          cityPY: 'cd'
        }, {
          cityName: '成都',
          cityPinYin: 'chengdou',
          cityPY: 'cd'
        }, {
          cityName: '郴州',
          cityPinYin: 'chenzhou',
          cityPY: 'cz'
        }, {
          cityName: '赤壁',
          cityPinYin: 'chibi',
          cityPY: 'cb'
        }, {
          cityName: '赤峰',
          cityPinYin: 'chifeng',
          cityPY: 'cf'
        }, {
          cityName: '滁州',
          cityPinYin: 'chuzhou',
          cityPY: 'cz'
        }, {
          cityName: 'D',
          cityPinYin: 'd',
          cityPY: 'd'
        }, {
          cityName: '大同',
          cityPinYin: 'datong',
          cityPY: 'dt'
        }, {
          cityName: '达州',
          cityPinYin: 'dazhou',
          cityPY: 'dz'
        }, {
          cityName: '德令哈',
          cityPinYin: 'delingha',
          cityPY: 'dlh'
        }, {
          cityName: '德清',
          cityPinYin: 'deqing',
          cityPY: 'dq'
        }, {
          cityName: '德阳',
          cityPinYin: 'deyang',
          cityPY: 'dy'
        }, {
          cityName: 'E',
          cityPinYin: 'e',
          cityPY: 'e'
        },  {
          cityName: '恩小是',
          cityPinYin: 'enshi',
          cityPY: 'es'
        }, {
          cityName: '鄂州',
          cityPinYin: 'ezhou',
          cityPY: 'ez'
        }, 
        {
          cityName: 'F',
          cityPinYin: 'f',
          cityPY: 'f'
        }, {
          cityName: '佛山',
          cityPinYin: 'foshan',
          cityPY: 'fs'
        }, {
          cityName: '福安',
          cityPinYin: 'fuan',
          cityPY: 'fa'
        }, {
          cityName: '福鼎',
          cityPinYin: 'fuding',
          cityPY: 'fd'
        }, 

        {
          cityName: '福气',
          cityPinYin: 'fuzhou',
          cityPY: 'fz'
        }, {
          cityName: 'G',
          cityPinYin: 'g',
          cityPY: 'g'
        }, {
          cityName: '干哥哥',
          cityPinYin: 'ganzhou',
          cityPY: 'gz'
        }, 
        // {
        //   cityName: '高密',
        //   cityPinYin: 'gaomi',
        //   cityPY: 'gm'
        // }, {
        //   cityName: '格尔木',
        //   cityPinYin: 'geermu',
        //   cityPY: 'gem'
        // }, {
        //   cityName: '广安',
        //   cityPinYin: 'guangan',
        //   cityPY: 'ga'
        // }, {
        //   cityName: '广元',
        //   cityPinYin: 'guangyuan',
        //   cityPY: 'gy'
        // }, {
        //   cityName: '广州',
        //   cityPinYin: 'guangzhou',
        //   cityPY: 'gz'
        // }, {
        //   cityName: '桂林',
        //   cityPinYin: 'guilin',
        //   cityPY: 'gl'
        // }, {
        //   cityName: '贵阳',
        //   cityPinYin: 'guiyang',
        //   cityPY: 'gy'
        // }, 
        {
          cityName: 'H',
          cityPinYin: 'h',
          cityPY: 'h'
        }, {
          cityName: '胡汉三',
          cityPinYin: 'haerbin',
          cityPY: 'heb'
        }, {
          cityName: '湖人',
          cityPinYin: 'haicheng',
          cityPY: 'hc'
        },
        // {
        //   cityName: 'J',
        //   cityPinYin: 'j',
        //   cityPY: 'j'
        // }, {
        //   cityName: '加的天',
        //   cityPinYin: 'jiamusi',
        //   cityPY: 'jms'
        // },  
        //  {
        //   cityName: 'K',
        //   cityPinYin: 'k',
        //   cityPY: 'k'
        // }, {
        //   cityName: '开拜拜',
        //   cityPinYin: 'kaifeng',
        //   cityPY: 'kf'
        // }, 
        // {
        //   cityName: '凯里',
        //   cityPinYin: 'kaili',
        //   cityPY: 'kl'
        // }, {
        //   cityName: '喀什',
        //   cityPinYin: 'kashen',
        //   cityPY: 'ks'
        // }, {
        //   cityName: '库尔勒',
        //   cityPinYin: 'kuerle',
        //   cityPY: 'kel'
        // }, {
        //   cityName: '昆明',
        //   cityPinYin: 'kunming',
        //   cityPY: 'km'
        // }, {
        //   cityName: '昆山',
        //   cityPinYin: 'kunshan',
        //   cityPY: 'ks'
        // }, {
        //   cityName: 'L',
        //   cityPinYin: 'l',
        //   cityPY: 'l'
        // },

        // {
        //   cityName: '林敏强',
        //   cityPinYin: 'linminqiang',
        //   cityPY: 'lq'
        // },
        // {
        //   cityName: '廊坊',
        //   cityPinYin: 'langfang',
        //   cityPY: 'lf'
        // }, {
        //   cityName: '兰州',
        //   cityPinYin: 'lanzhou',
        //   cityPY: 'lz'
        // }, {
        //   cityName: '拉萨',
        //   cityPinYin: 'lasa',
        //   cityPY: 'ls'
        // }, {
        //   cityName: '耒阳',
        //   cityPinYin: 'leiyang',
        //   cityPY: 'ly'
        // }, {
        //   cityName: '乐清',
        //   cityPinYin: 'leqing',
        //   cityPY: 'lq'
        // }, {
        //   cityName: '梁平',
        //   cityPinYin: 'liangping',
        //   cityPY: 'lp'
        // }, {
        //   cityName: '连江',
        //   cityPinYin: 'lianjiang',
        //   cityPY: 'lj'
        // }, {
        //   cityName: '连云港',
        //   cityPinYin: 'lianyungang',
        //   cityPY: 'lyg'
        // }, {
        //   cityName: '聊城',
        //   cityPinYin: 'liaocheng',
        //   cityPY: 'lc'
        // }, {
        //   cityName: '辽阳',
        //   cityPinYin: 'liaoyang',
        //   cityPY: 'ly'
        // }, {
        //   cityName: '辽源',
        //   cityPinYin: 'liaoyuan',
        //   cityPY: 'ly'
        // }, {
        //   cityName: '丽江',
        //   cityPinYin: 'lijiang',
        //   cityPY: 'lj'
        // }, {
        //   cityName: '临汾',
        //   cityPinYin: 'linfen',
        //   cityPY: 'lf'
        // }, {
        //   cityName: '陵水',
        //   cityPinYin: 'lingshui',
        //   cityPY: 'ls'
        // }, {
        //   cityName: '临海',
        //   cityPinYin: 'linhai',
        //   cityPY: 'lh'
        // }, {
        //   cityName: '临河',
        //   cityPinYin: 'linhe',
        //   cityPY: 'lh'
        // }, {
        //   cityName: '临沂',
        //   cityPinYin: 'linyi',
        //   cityPY: 'ly'
        // }, {
        //   cityName: '六安',
        //   cityPinYin: 'liuan',
        //   cityPY: 'la'
        // }, {
        //   cityName: '六盘水',
        //   cityPinYin: 'liupanshui',
        //   cityPY: 'lps'
        // }, {
        //   cityName: '柳州',
        //   cityPinYin: 'liuzhou',
        //   cityPY: 'lz'
        // }, {
        //   cityName: '溧阳',
        //   cityPinYin: 'liyang',
        //   cityPY: 'ly'
        // }, {
        //   cityName: '龙岩',
        //   cityPinYin: 'longyan',
        //   cityPY: 'ly'
        // }, {
        //   cityName: '龙游',
        //   cityPinYin: 'longyou',
        //   cityPY: 'ly'
        // }, {
        //   cityName: '娄底',
        //   cityPinYin: 'loudi',
        //   cityPY: 'ld'
        // }, {
        //   cityName: '吕梁',
        //   cityPinYin: 'lu:liang',
        //   cityPY: 'll'
        // }, {
        //   cityName: '漯河',
        //   cityPinYin: 'luohe',
        //   cityPY: 'lh'
        // }, {
        //   cityName: '洛阳',
        //   cityPinYin: 'luoyang',
        //   cityPY: 'ly'
        // }, {
        //   cityName: '罗源',
        //   cityPinYin: 'luoyuan',
        //   cityPY: 'ly'
        // }, {
        //   cityName: '庐山',
        //   cityPinYin: 'lushan',
        //   cityPY: 'ls'
        // }, {
        //   cityName: 'M',
        //   cityPinYin: 'm',
        //   cityPY: 'm'
        // }, {
        //   cityName: '马鞍山',
        //   cityPinYin: 'maanshan',
        //   cityPY: 'mas'
        // }, {
        //   cityName: '满洲里',
        //   cityPinYin: 'manzhouli',
        //   cityPY: 'mzl'
        // }, {
        //   cityName: '美兰',
        //   cityPinYin: 'meilan',
        //   cityPY: 'ml'
        // }, {
        //   cityName: '梅州',
        //   cityPinYin: 'meizhou',
        //   cityPY: 'mz'
        // }, {
        //   cityName: '绵阳',
        //   cityPinYin: 'mianyang',
        //   cityPY: 'my'
        // }, {
        //   cityName: '汨罗',
        //   cityPinYin: 'miluo',
        //   cityPY: 'ml'
        // }, {
        //   cityName: '漠河',
        //   cityPinYin: 'mohe',
        //   cityPY: 'mh'
        // }, {
        //   cityName: '牡丹江',
        //   cityPinYin: 'mudanjiang',
        //   cityPY: 'mdj'
        // }, {
        //   cityName: 'N',
        //   cityPinYin: 'n',
        //   cityPY: 'n'
        // }, {
        //   cityName: '南昌',
        //   cityPinYin: 'nanchang',
        //   cityPY: 'nc'
        // }, {
        //   cityName: '南城',
        //   cityPinYin: 'nancheng',
        //   cityPY: 'nc'
        // }, {
        //   cityName: '南充',
        //   cityPinYin: 'nanchong',
        //   cityPY: 'nc'
        // }, {
        //   cityName: '南丰',
        //   cityPinYin: 'nanfeng',
        //   cityPY: 'nf'
        // }, {
        //   cityName: '南京',
        //   cityPinYin: 'nanjing',
        //   cityPY: 'nj'
        // }, {
        //   cityName: '南宁',
        //   cityPinYin: 'nanning',
        //   cityPY: 'nn'
        // }, {
        //   cityName: '南通',
        //   cityPinYin: 'nantong',
        //   cityPY: 'nt'
        // }, {
        //   cityName: '南阳',
        //   cityPinYin: 'nanyang',
        //   cityPY: 'ny'
        // }, {
        //   cityName: '内江',
        //   cityPinYin: 'neijiang',
        //   cityPY: 'nj'
        // }, {
        //   cityName: '宁波',
        //   cityPinYin: 'ningbo',
        //   cityPY: 'nb'
        // }, {
        //   cityName: '宁德',
        //   cityPinYin: 'ningde',
        //   cityPY: 'nd'
        // }, {
        //   cityName: '宁海',
        //   cityPinYin: 'ninghai',
        //   cityPY: 'nh'
        // }, {
        //   cityName: 'P',
        //   cityPinYin: 'p',
        //   cityPY: 'p'
        // }, {
        //   cityName: '盘锦',
        //   cityPinYin: 'panjin',
        //   cityPY: 'pj'
        // }, {
        //   cityName: '攀枝花',
        //   cityPinYin: 'panzhihua',
        //   cityPY: 'pzh'
        // }, {
        //   cityName: '平顶山',
        //   cityPinYin: 'pingdingshan',
        //   cityPY: 'pds'
        // }, {
        //   cityName: '萍乡',
        //   cityPinYin: 'pingxiang',
        //   cityPY: 'px'
        // }, {
        //   cityName: '平遥',
        //   cityPinYin: 'pingyao',
        //   cityPY: 'py'
        // }, {
        //   cityName: '莆田',
        //   cityPinYin: 'putian',
        //   cityPY: 'pt'
        // }, {
        //   cityName: 'Q',
        //   cityPinYin: 'q',
        //   cityPY: 'q'
        // }, {
        //   cityName: '迁安',
        //   cityPinYin: 'qianan',
        //   cityPY: 'qa'
        // }, {
        //   cityName: '黔江',
        //   cityPinYin: 'qianjiang',
        //   cityPY: 'qj'
        // }, {
        //   cityName: '潜江',
        //   cityPinYin: 'qianjiang',
        //   cityPY: 'qj'
        // }, {
        //   cityName: '蕲春',
        //   cityPinYin: 'qichun',
        //   cityPY: 'qc'
        // }, {
        //   cityName: '青岛',
        //   cityPinYin: 'qingdao',
        //   cityPY: 'qd'
        // }, {
        //   cityName: '清远',
        //   cityPinYin: 'qingyuan',
        //   cityPY: 'qy'
        // }, {
        //   cityName: '青州市',
        //   cityPinYin: 'qingzhoushi',
        //   cityPY: 'qzs'
        // }, {
        //   cityName: '秦皇岛',
        //   cityPinYin: 'qinhuangdao',
        //   cityPY: 'qhd'
        // }, {
        //   cityName: '琼海',
        //   cityPinYin: 'qionghai',
        //   cityPY: 'qh'
        // }, {
        //   cityName: '齐齐哈尔',
        //   cityPinYin: 'qiqihaer',
        //   cityPY: 'qqhe'
        // }, {
        //   cityName: '七台河',
        //   cityPinYin: 'qitaihe',
        //   cityPY: 'qth'
        // }, {
        //   cityName: '泉州',
        //   cityPinYin: 'quanzhou',
        //   cityPY: 'qz'
        // }, {
        //   cityName: '曲阜',
        //   cityPinYin: 'qufu',
        //   cityPY: 'qf'
        // }, {
        //   cityName: '曲靖',
        //   cityPinYin: 'qujing',
        //   cityPY: 'qj'
        // }, {
        //   cityName: '渠县',
        //   cityPinYin: 'quxian',
        //   cityPY: 'qx'
        // }, {
        //   cityName: '衢州',
        //   cityPinYin: 'quzhou',
        //   cityPY: 'qz'
        // }, {
        //   cityName: 'R',
        //   cityPinYin: 'r',
        //   cityPY: 'r'
        // }, {
        //   cityName: '任丘',
        //   cityPinYin: 'renqiu',
        //   cityPY: 'rq'
        // }, {
        //   cityName: '日照',
        //   cityPinYin: 'rizhao',
        //   cityPY: 'rz'
        // }, {
        //   cityName: '如皋',
        //   cityPinYin: 'rugao',
        //   cityPY: 'rg'
        // }, {
        //   cityName: '瑞安',
        //   cityPinYin: 'ruian',
        //   cityPY: 'ra'
        // }, {
        //   cityName: '乳山',
        //   cityPinYin: 'rushan',
        //   cityPY: 'rs'
        // }, {
        //   cityName: 'S',
        //   cityPinYin: 's',
        //   cityPY: 's'
        // }, {
        //   cityName: '三门峡',
        //   cityPinYin: 'sanmenxia',
        //   cityPY: 'smx'
        // }, {
        //   cityName: '三门县',
        //   cityPinYin: 'sanmenxian',
        //   cityPY: 'smx'
        // }, {
        //   cityName: '三明',
        //   cityPinYin: 'sanming',
        //   cityPY: 'sm'
        // }, {
        //   cityName: '三亚',
        //   cityPinYin: 'sanya',
        //   cityPY: 'sy'
        // }, {
        //   cityName: '厦门',
        //   cityPinYin: 'shamen',
        //   cityPY: 'sm'
        // }, {
        //   cityName: '上海',
        //   cityPinYin: 'shanghai',
        //   cityPY: 'sh'
        // }, {
        //   cityName: '商丘',
        //   cityPinYin: 'shangqiu',
        //   cityPY: 'sq'
        // }, {
        //   cityName: '上饶',
        //   cityPinYin: 'shangrao',
        //   cityPY: 'sr'
        // }, {
        //   cityName: '上虞',
        //   cityPinYin: 'shangyu',
        //   cityPY: 'sy'
        // }, {
        //   cityName: '山海关',
        //   cityPinYin: 'shanhaiguan',
        //   cityPY: 'shg'
        // }, {
        //   cityName: '汕头',
        //   cityPinYin: 'shantou',
        //   cityPY: 'st'
        // }, {
        //   cityName: '韶关',
        //   cityPinYin: 'shaoguan',
        //   cityPY: 'sg'
        // }, {
        //   cityName: '绍兴',
        //   cityPinYin: 'shaoxing',
        //   cityPY: 'sx'
        // }, {
        //   cityName: '邵阳',
        //   cityPinYin: 'shaoyang',
        //   cityPY: 'sy'
        // }, {
        //   cityName: '神木',
        //   cityPinYin: 'shenmu',
        //   cityPY: 'sm'
        // }, {
        //   cityName: '沈阳',
        //   cityPinYin: 'shenyang',
        //   cityPY: 'sy'
        // }, {
        //   cityName: '深圳',
        //   cityPinYin: 'shenzhen',
        //   cityPY: 'sz'
        // }, {
        //   cityName: '石家庄',
        //   cityPinYin: 'shijiazhuang',
        //   cityPY: 'sjz'
        // }, {
        //   cityName: '十堰',
        //   cityPinYin: 'shiyan',
        //   cityPY: 'sy'
        // }, {
        //   cityName: '双鸭山',
        //   cityPinYin: 'shuangyashan',
        //   cityPY: 'sys'
        // }, {
        //   cityName: '四平',
        //   cityPinYin: 'siping',
        //   cityPY: 'sp'
        // }, {
        //   cityName: '松江',
        //   cityPinYin: 'songjiang',
        //   cityPY: 'sj'
        // }, {
        //   cityName: '松原',
        //   cityPinYin: 'songyuan',
        //   cityPY: 'sy'
        // }, {
        //   cityName: '松滋',
        //   cityPinYin: 'songzi',
        //   cityPY: 'sz'
        // }, {
        //   cityName: '绥德',
        //   cityPinYin: 'suide',
        //   cityPY: 'sd'
        // }, {
        //   cityName: '绥芬河',
        //   cityPinYin: 'suifenhe',
        //   cityPY: 'sfh'
        // }, {
        //   cityName: '遂宁',
        //   cityPinYin: 'suining',
        //   cityPY: 'sn'
        // }, {
        //   cityName: '随州',
        //   cityPinYin: 'suizhou',
        //   cityPY: 'sz'
        // }, {
        //   cityName: '苏州',
        //   cityPinYin: 'suzhou',
        //   cityPY: 'sz'
        // }, {
        //   cityName: '宿州',
        //   cityPinYin: 'suzhou',
        //   cityPY: 'sz'
        // }, {
        //   cityName: 'T',
        //   cityPinYin: 't',
        //   cityPY: 't'
        // }, {
        //   cityName: '泰安',
        //   cityPinYin: 'taian',
        //   cityPY: 'ta'
        // }, {
        //   cityName: '台安',
        //   cityPinYin: 'taian',
        //   cityPY: 'ta'
        // }, {
        //   cityName: '泰宁',
        //   cityPinYin: 'taining',
        //   cityPY: 'tn'
        // }, {
        //   cityName: '太原',
        //   cityPinYin: 'taiyuan',
        //   cityPY: 'ty'
        // }, {
        //   cityName: '台州',
        //   cityPinYin: 'taizhou',
        //   cityPY: 'tz'
        // }, {
        //   cityName: '泰州',
        //   cityPinYin: 'taizhou',
        //   cityPY: 'tz'
        // }, {
        //   cityName: '唐山',
        //   cityPinYin: 'tangshan',
        //   cityPY: 'ts'
        // }, {
        //   cityName: '滕州',
        //   cityPinYin: 'tengzhou',
        //   cityPY: 'tz'
        // }, {
        //   cityName: '天津',
        //   cityPinYin: 'tianjin',
        //   cityPY: 'tj'
        // }, {
        //   cityName: '天门',
        //   cityPinYin: 'tianmen',
        //   cityPY: 'tm'
        // }, {
        //   cityName: '天水',
        //   cityPinYin: 'tianshui',
        //   cityPY: 'ts'
        // }, {
        //   cityName: '铁岭',
        //   cityPinYin: 'tieling',
        //   cityPY: 'tl'
        // }, {
        //   cityName: '桐城',
        //   cityPinYin: 'tongcheng',
        //   cityPY: 'tc'
        // }, {
        //   cityName: '通化',
        //   cityPinYin: 'tonghua',
        //   cityPY: 'th'
        // }, {
        //   cityName: '通辽',
        //   cityPinYin: 'tongliao',
        //   cityPY: 'tl'
        // }, {
        //   cityName: '铜陵',
        //   cityPinYin: 'tongling',
        //   cityPY: 'tl'
        // }, {
        //   cityName: '铜仁',
        //   cityPinYin: 'tongren',
        //   cityPY: 'tr'
        // }, {
        //   cityName: '桐乡',
        //   cityPinYin: 'tongxiang',
        //   cityPY: 'tx'
        // }, {
        //   cityName: '吐鲁番',
        //   cityPinYin: 'tulufan',
        //   cityPY: 'tlf'
        // }, {
        //   cityName: 'W',
        //   cityPinYin: 'w',
        //   cityPY: 'w'
        // }, {
        //   cityName: '瓦房店',
        //   cityPinYin: 'wafangdian',
        //   cityPY: 'wfd'
        // }, {
        //   cityName: '万宁',
        //   cityPinYin: 'wanning',
        //   cityPY: 'wn'
        // }, {
        //   cityName: '万源',
        //   cityPinYin: 'wanyuan',
        //   cityPY: 'wy'
        // }, {
        //   cityName: '万州',
        //   cityPinYin: 'wanzhou',
        //   cityPY: 'wz'
        // }, {
        //   cityName: '潍坊',
        //   cityPinYin: 'weifang',
        //   cityPY: 'wf'
        // }, {
        //   cityName: '威海',
        //   cityPinYin: 'weihai',
        //   cityPY: 'wh'
        // }, {
        //   cityName: '渭南',
        //   cityPinYin: 'weinan',
        //   cityPY: 'wn'
        // }, {
        //   cityName: '文昌',
        //   cityPinYin: 'wenchang',
        //   cityPY: 'wc'
        // }, {
        //   cityName: '温岭',
        //   cityPinYin: 'wenling',
        //   cityPY: 'wl'
        // }, {
        //   cityName: '温州',
        //   cityPinYin: 'wenzhou',
        //   cityPY: 'wz'
        // }, {
        //   cityName: '乌海',
        //   cityPinYin: 'wuhai',
        //   cityPY: 'wh'
        // }, {
        //   cityName: '武汉',
        //   cityPinYin: 'wuhan',
        //   cityPY: 'wh'
        // }, {
        //   cityName: '芜湖',
        //   cityPinYin: 'wuhu',
        //   cityPY: 'wh'
        // }, {
        //   cityName: '乌兰浩特',
        //   cityPinYin: 'wulanhaote',
        //   cityPY: 'wlht'
        // }, {
        //   cityName: '武隆',
        //   cityPinYin: 'wulong',
        //   cityPY: 'wl'
        // }, {
        //   cityName: '乌鲁木齐',
        //   cityPinYin: 'wulumuqi',
        //   cityPY: 'wlmq'
        // }, {
        //   cityName: '武清',
        //   cityPinYin: 'wuqing',
        //   cityPY: 'wq'
        // }, {
        //   cityName: '武威',
        //   cityPinYin: 'wuwei',
        //   cityPY: 'ww'
        // }, {
        //   cityName: '无锡',
        //   cityPinYin: 'wuxi',
        //   cityPY: 'wx'
        // }, {
        //   cityName: '武夷山',
        //   cityPinYin: 'wuyishan',
        //   cityPY: 'wys'
        // }, {
        //   cityName: '婺源',
        //   cityPinYin: 'wuyuan',
        //   cityPY: 'wy'
        // }, {
        //   cityName: 'X',
        //   cityPinYin: 'x',
        //   cityPY: 'x'
        // }, {
        //   cityName: '西安',
        //   cityPinYin: 'xian',
        //   cityPY: 'xa'
        // }, {
        //   cityName: '襄阳',
        //   cityPinYin: 'xiangyang',
        //   cityPY: 'xy'
        // }, {
        //   cityName: '咸宁',
        //   cityPinYin: 'xianning',
        //   cityPY: 'xn'
        // }, {
        //   cityName: '孝感',
        //   cityPinYin: 'xiaogan',
        //   cityPY: 'xg'
        // }, {
        //   cityName: '霞浦',
        //   cityPinYin: 'xiapu',
        //   cityPY: 'xp'
        // }, {
        //   cityName: '西昌',
        //   cityPinYin: 'xichang',
        //   cityPY: 'xc'
        // }, {
        //   cityName: '锡林浩特',
        //   cityPinYin: 'xilinhaote',
        //   cityPY: 'xlht'
        // }, {
        //   cityName: '邢台',
        //   cityPinYin: 'xingtai',
        //   cityPY: 'xt'
        // }, {
        //   cityName: '西宁',
        //   cityPinYin: 'xining',
        //   cityPY: 'xn'
        // }, {
        //   cityName: '新乡',
        //   cityPinYin: 'xinxiang',
        //   cityPY: 'xx'
        // }, {
        //   cityName: '信阳',
        //   cityPinYin: 'xinyang',
        //   cityPY: 'xy'
        // }, {
        //   cityName: '新余',
        //   cityPinYin: 'xinyu',
        //   cityPY: 'xy'
        // }, {
        //   cityName: '忻州',
        //   cityPinYin: 'xinzhou',
        //   cityPY: 'xz'
        // }, {
        //   cityName: '许昌',
        //   cityPinYin: 'xuchang',
        //   cityPY: 'xc'
        // }, {
        //   cityName: '徐州',
        //   cityPinYin: 'xuzhou',
        //   cityPY: 'xz'
        // }, {
        //   cityName: 'Y',
        //   cityPinYin: 'y',
        //   cityPY: 'y'
        // }, {
        //   cityName: '延安',
        //   cityPinYin: 'yanan',
        //   cityPY: 'ya'
        // }, {
        //   cityName: '盐城',
        //   cityPinYin: 'yancheng',
        //   cityPY: 'yc'
        // }, {
        //   cityName: '阳泉',
        //   cityPinYin: 'yangquan',
        //   cityPY: 'yq'
        // }, {
        //   cityName: '扬州',
        //   cityPinYin: 'yangzhou',
        //   cityPY: 'yz'
        // }, {
        //   cityName: '延吉',
        //   cityPinYin: 'yanji',
        //   cityPY: 'yj'
        // }, {
        //   cityName: '烟台',
        //   cityPinYin: 'yantai',
        //   cityPY: 'yt'
        // }, {
        //   cityName: '宜宾',
        //   cityPinYin: 'yibin',
        //   cityPY: 'yb'
        // }, {
        //   cityName: '宜昌',
        //   cityPinYin: 'yichang',
        //   cityPY: 'yc'
        // }, {
        //   cityName: '宜春',
        //   cityPinYin: 'yichun',
        //   cityPY: 'yc'
        // }, {
        //   cityName: '银川',
        //   cityPinYin: 'yinchuan',
        //   cityPY: 'yc'
        // }, {
        //   cityName: '英德',
        //   cityPinYin: 'yingde',
        //   cityPY: 'yd'
        // }, {
        //   cityName: '营口',
        //   cityPinYin: 'yingkou',
        //   cityPY: 'yk'
        // }, {
        //   cityName: '营山',
        //   cityPinYin: 'yingshan',
        //   cityPY: 'ys'
        // }, {
        //   cityName: '鹰潭',
        //   cityPinYin: 'yingtan',
        //   cityPY: 'yt'
        // }, {
        //   cityName: '义乌',
        //   cityPinYin: 'yiwu',
        //   cityPY: 'yw'
        // }, {
        //   cityName: '宜兴',
        //   cityPinYin: 'yixing',
        //   cityPY: 'yx'
        // }, {
        //   cityName: '益阳',
        //   cityPinYin: 'yiyang',
        //   cityPY: 'yy'
        // }, {
        //   cityName: '永嘉',
        //   cityPinYin: 'yongjia',
        //   cityPY: 'yj'
        // }, {
        //   cityName: '永州',
        //   cityPinYin: 'yongzhou',
        //   cityPY: 'yz'
        // }, {
        //   cityName: '尤溪',
        //   cityPinYin: 'youxi',
        //   cityPY: 'yx'
        // }, {
        //   cityName: '岳阳',
        //   cityPinYin: 'yueyang',
        //   cityPY: 'yy'
        // }, {
        //   cityName: '余杭',
        //   cityPinYin: 'yuhang',
        //   cityPY: 'yh'
        // }, {
        //   cityName: '榆林',
        //   cityPinYin: 'yulin',
        //   cityPY: 'yl'
        // }, {
        //   cityName: '运城',
        //   cityPinYin: 'yuncheng',
        //   cityPY: 'yc'
        // }, {
        //   cityName: '余姚',
        //   cityPinYin: 'yuyao',
        //   cityPY: 'yy'
        // }, {
        //   cityName: 'Z',
        //   cityPinYin: 'z',
        //   cityPY: 'z'
        // }, {
        //   cityName: '枣阳',
        //   cityPinYin: 'zaoyang',
        //   cityPY: 'zy'
        // }, {
        //   cityName: '枣庄',
        //   cityPinYin: 'zaozhuang',
        //   cityPY: 'zz'
        // }, {
        //   cityName: '长春',
        //   cityPinYin: 'zhangchun',
        //   cityPY: 'zc'
        // }, {
        //   cityName: '张家界',
        //   cityPinYin: 'zhangjiajie',
        //   cityPY: 'zjj'
        // }, {
        //   cityName: '张家口',
        //   cityPinYin: 'zhangjiakou',
        //   cityPY: 'zjk'
        // }, {
        //   cityName: '章丘',
        //   cityPinYin: 'zhangqiu',
        //   cityPY: 'zq'
        // }, {
        //   cityName: '长沙',
        //   cityPinYin: 'zhangsha',
        //   cityPY: 'zs'
        // }, {
        //   cityName: '张掖',
        //   cityPinYin: 'zhangye',
        //   cityPY: 'zy'
        // }, {
        //   cityName: '长治',
        //   cityPinYin: 'zhangzhi',
        //   cityPY: 'zz'
        // }, {
        //   cityName: '漳州',
        //   cityPinYin: 'zhangzhou',
        //   cityPY: 'zz'
        // }, {
        //   cityName: '湛江',
        //   cityPinYin: 'zhanjiang',
        //   cityPY: 'zj'
        // }, {
        //   cityName: '昭通',
        //   cityPinYin: 'zhaotong',
        //   cityPY: 'zt'
        // }, {
        //   cityName: '郑州',
        //   cityPinYin: 'zhengzhou',
        //   cityPY: 'zz'
        // }, {
        //   cityName: '镇江',
        //   cityPinYin: 'zhenjiang',
        //   cityPY: 'zj'
        // }, {
        //   cityName: '镇远',
        //   cityPinYin: 'zhenyuan',
        //   cityPY: 'zy'
        // }, {
        //   cityName: '织金',
        //   cityPinYin: 'zhijin',
        //   cityPY: 'zj'
        // }, {
        //   cityName: '重庆',
        //   cityPinYin: 'zhongqing',
        //   cityPY: 'zq'
        // }, {
        //   cityName: '中山',
        //   cityPinYin: 'zhongshan',
        //   cityPY: 'zs'
        // }, {
        //   cityName: '中卫',
        //   cityPinYin: 'zhongwei',
        //   cityPY: 'zw'
        // }, {
        //   cityName: '钟祥',
        //   cityPinYin: 'zhongxiang',
        //   cityPY: 'zx'
        // }, {
        //   cityName: '周口',
        //   cityPinYin: 'zhoukou',
        //   cityPY: 'zk'
        // }, {
        //   cityName: '珠海',
        //   cityPinYin: 'zhuhai',
        //   cityPY: 'zh'
        // }, {
        //   cityName: '诸暨',
        //   cityPinYin: 'zhuji',
        //   cityPY: 'zj'
        // }, {
        //   cityName: '驻马店',
        //   cityPinYin: 'zhumadian',
        //   cityPY: 'zmd'
        // }, {
        //   cityName: '株洲',
        //   cityPinYin: 'zhuzhou',
        //   cityPY: 'zz'
        // }, {
        //   cityName: '淄博',
        //   cityPinYin: 'zibo',
        //   cityPY: 'zb'
        // }, {
        //   cityName: '遵义',
        //   cityPinYin: 'zunyi',
        //   cityPY: 'zy'
        // }
      ]
    }
  }
</script>